/*
 * CSS STYLES FOR JQUERY UI 1.7 COMPONENTS
 */
 .ui-widget-overlay {
     background: #000;
     filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
    position: fixed;
 }

/* Datepicker
----------------------------------*/
.ui-datepicker { 
    width: 17em;
    border: 1px solid #DFDCDC;
	background: #fff url(../images/bgWindow.gif) repeat-x top left;
	color: #333;
    padding-right: 1px;
    margin: 0 1px;
}
.ui-datepicker .ui-datepicker-header {
    position:relative;
    padding: 1px;
    font: bold 1.2em arial;
    height: 24px;
}
.ui-datepicker .ui-datepicker-calendar thead {
    background: #ebf4fd;
    border-bottom: 1px solid #bddbf9;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
    border: 1px solid #FBED89;
    background: #FFFFD2;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
    background: #FBED89 !important;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end {
    background: #f6f6ec;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev {
    left:2px;
    background: url(../images/button_prev.gif) no-repeat left;
    margin-bottom: 1px;
}
.ui-datepicker .ui-datepicker-next {
    right: 0;
    background: url(../images/button_next.gif) no-repeat left;
}
.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
    display: none;
}
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { 
    width: 49%;
    padding: 1px !important;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { 
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
    border: 2px solid #fff;
}
.ui-datepicker td span, .ui-datepicker td a:hover {
    background: #ebf4fd;
    border: 2px solid #bddbf9;
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
#ui-datepicker-div { z-index: 9999; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*
 ****** UI DIALOG STYLES ******
 */
.ui-dialog {
	background: url(../images/bgTransGrayDark.png);
    padding: 9px;
	position: relative;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
}

.ui-dialog-content {
	border: 1px solid #666;
	background: #fff url(../images/bgWindow.gif) repeat-x top left;
	color: #333;
    margin: 0;
}

/*
 * Other styles are located in stylesMaster.css
 */

.ui-dialog-titlebar-close {
	background: url(../images/buttonWindowClose.gif) 0 0 no-repeat;
	position: absolute;
	right: 13px;
	width: 19px;
	height: 18px;
	margin-top: -1px;
	z-index: 100;
}

.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(../images/buttonWindowClose.gif) 0 0 no-repeat;
}

.ui-dialog-titlebar-close:active {
	background: url(images/222222_11x11_icon_close.gif) 0 0 no-repeat;
}

.ui-dialog-titlebar-close span {
	display: none;
}

.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
	background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	top: 0px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: 0px; 
	top: 0px; 
}

/*
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #d3d3d3;
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #555555;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-size: 1.1em;
	border: 1px solid #d3d3d3;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #212121;
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
	color: #222222;
	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	border: 1px solid #dddddd;
}
*/
/*
 ****** UI MESSAGING STYLES ******
 */



#bigModal {
     bottom: 42px;
     right: 0px;
	 z-index: 2 !important;
     position: fixed;
     width: 350px;
     height: 370px;
     border-top: solid 1px #b6b5b5;
     border-left: solid 1px #b6b5b5;
     background-color: #fff;
     display: none;	 
}

#bigModalBody {
     padding: 6px;
     text-align: left;
}

#bigModalBody .row {
     padding: 6px;
     text-align: left;     
}

.modalBody {
    padding: 6px;
    text-align: left;
}

.modalHeader {
	width: 100%;
	height: 20px;
	background: url("../images/bgGreenBar.gif") repeat-x right top;
    padding: 3px 0 0 6px;
    cursor: pointer;
    font: bold 1.2em arial;
}

/*
 ****** UI TAB STYLES ******
 */

/*
 * Caution! Ensure accessibility in print and other media types...
 */
@media projection, screen { 
	/*
	 * Use class for showing/hiding tab content, so that visibility can be better 
	 * controlled in different media types..
	 */
    .ui-tabs-hide {
        display: none !important;
    }
}

/*
 * Hide useless elements in print layouts...
 */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav {
    list-style: none;
	height: 26px;
	margin-left: 1px;
}
.ui-tabs-nav:after { 
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    border-left: 1px solid #c4c4c5;
	border-right: 1px solid #c4c4c5;
	margin-left: -1px;
}
.ui-tabs-nav a {
    float: left;
	display: block;
	height: 21px;
	padding: 5px 12px 0 12px;
	background: url("../images/bgTabGrayBlue.gif") repeat-x;
}
.ui-tabs-nav .alert a {
    background: url("../images/bgTabYellow.gif") repeat-x;
}
.ui-tabs-nav a span {
    height: 26px;
    background: none;
	font-weight: bold;	
	margin-top: 15px;	
}

.ui-tabs-nav a {
	/*
	 * Position: relative makes opacity fail for disabled tab in IE 
	 */
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
	/*
	 *  @ Firefox, prevent dotted border after click
	 */  
    outline: 0;   
}

.ui-tabs-nav .ui-tabs-selected a {
    /*
	Removed to keep hilighted tab from showing
	behind drop-down menus in IE
    position: relative;
	z-index: 2;
	*/
	background-position: 100% -26px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    height: 26px;
    background-position: 0 -26px;
}

.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/*
 ****** UI COMBOBOX STYLES *****
 */
img.ui-combobox-arrow {
	position: relative;
	vertical-align: text-bottom;
	top: 2px;
}

* html img.ui-combobox-arrow {
	top: -3px;
}

.ui-combobox-list {
	border: 1px solid #6699cc;
}

.ui-combobox-list, .ui-combobox-item {
	display: block;
	font-size: 1em;
	background-color: white;
}

.ui-combobox-list .selected {
	background-color: #c8dffa;
	border-top: 1px solid #6699cc;
	border-bottom: 1px solid #6699cc;
	font-weight: bold;
}

/*
 ****** UI AUTOCOMPLETER STYLES ******
 */

.ac_results {
	padding: 0px;
	margin: -1px 0 0 0px;
	border: 1px solid #6699cc;
	background-color: #fff;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 3px;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.ac_loading {
	background: white url('../images/ajaxAnimSmall.gif') right center no-repeat;
}

.ac_odd {
	background-color: #f6f6ec;
     border-top: 1px solid #f6f6ec;
     border-bottom: 1px solid #f6f6ec;
}

.ac_over {
	background: white url('../images/bgGradientYellow.gif') repeat-x;
	cursor: pointer;
}

/******
*** JQUERY NOTIFY STYLES http://www.erichynds.com/jquery/a-jquery-ui-growl-ubuntu-notification-widget/
******/
.ui-notify {
    width:350px;
    position:absolute;
    top:10px;
    right:10px;
}
.ui-notify-message { 
    padding:10px; 
    background:#000;
    background:rgba(0,0,0,0.8);
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
}
.ui-notify-message:last-child { margin-bottom:0 }
.ui-notify-message h1 {
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    margin:0;
    padding:0
}
.ui-notify-message p { 
    color: #fff;
    margin: 3px 0;
    padding: 0;
}
.ui-notify-close {
    color:#fff;
    text-decoration:underline
}
.ui-notify-click { cursor:pointer }
.ui-notify-cross {
    margin-top:-4px;
    float:right;
    cursor:pointer;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    text-shadow:0 1px 1px #fff;
    padding:2px
}
.ui-notify-cross:hover { color:#ffffab }
.ui-notify-cross:active { position:relative; top:1px }